<!DOCTYPE html >
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone = no" />
    <meta name="format-detection" content="email = no" />
    <title>Title</title>
    <style>
        body{
            background-color: #c5c5c5;
        }
        html{
            font-size: 20px;
        }
        .al{
            margin: 10rem auto;
            height: 10rem;
            width: 8rem;
            background-color: #fff;
            border-radius: 8px;
        }
        .text{
            font-size: .6rem;
            border-bottom: .06px solid #e9e9e9;
            text-align: center;
            height: 20%;
            line-height: 2rem;
        }
        .top{

            width: 100%;
        }
        .or{


            color: #ffc941;
        }
    </style>
</head>
<body>
<div class="al">
    <div class=" text top">第三方账号</div>
    <div class=" text or">新浪</div>
    <div class=" text or">微信</div>
    <div class=" text or">qq</div>
    <div class=" text or" style="border: none">取消</div>

</div>
</body>
</html>